<template>
  <!-- <view>
    <view class="" id="top">
      <video src="http://ldjy.zxcvii.top/file/zb6.mp4" class="w100 h-392"></video>
      <view class="w100 bgff mb-10 p-all-30">
        <view class="fs-30 fw-b mb-12 col000">课程名称：大国工匠</view>
        <view class="fs-28 col333">团队介绍：高凤林、孟剑锋、顾秋亮、胡双钱、张冬伟、宁允展、管延安、周东红</view>
      </view>
      <view class="pt-30 pl-30 fs-28 col000 fw-b bgff">在线讨论</view>
      <view class="w100 h-20 bgff"></view>
    </view>
    
    <view class="w100 bgff" :style="{height:`${centerH}px`}">
      <scroll-view scroll-y="true" class="w100 h100" >
        <view class="pb-20 pt-20 pl-24 pr-24 w100" style="border-bottom: 2rpx solid #F7F6FA;" v-for="(item,index) in 1" :key="index">
          <view class="w100 rowsb rowsm mb-24">
            <view class="rows rowsm">
              <image src="/static/wd_gr.png" class="w-84 h-84 mr-20" mode=""></image>
              <view class="fw-b fs-28 col000">李天一</view>
            </view>
            <view class="fs-24" style="color: #ccc;">2024-03-21 10:43</view>
          </view>
          
          <view class="fs-28 col333">大国工匠，为国铸剑</view>
        </view>
      </scroll-view>
    </view>
    
    <view class="w100 h-120 pl-24 pr-24 rowsb rowsm bgff" id="bottom">
      <view class="fs-24" style="color: #4878FF;">我要评论</view>
      <view class="w-584 h-84 br-42 pl-30 pr-4 rowsb rowsm" style="background-color: #F5F5F5;">
        <input type="text" placeholder="输入发送评论" placeholder-class="fs-26 col888">
        <view class="w-128 h-76 br-38 rowsc rowsm colfff fs-26 fw-b" style="background: linear-gradient(to bottom,#4897FF,#4878FF);">发布</view>
      </view>
    </view>
  </view> -->
</template>

<script>
  export default {
    data() {
      return {
        centerH:''
      };
    },
    onLoad() {
      
    },
    onReady() {
      const top = uni.createSelectorQuery().select('#top').boundingClientRect(res => {
        console.log(res)
        const bottom = uni.createSelectorQuery().select('#bottom').boundingClientRect(res1 => {
          console.log(res1)
          this.centerH = uni.getSystemInfoSync().windowHeight - res.height - res1.height
          console.log(this.centerH,res.height,res1.height)
        }).exec()
      }).exec()
    }
  }
</script>

<style lang="scss">

</style>
